<template>
  <div class="flex flex-wrap items-end gap-4">
    <BaseButton condensed>Button</BaseButton>

    <BaseButton color="primary" condensed>Button</BaseButton>

    <BaseButton color="success" condensed>Button</BaseButton>

    <BaseButton color="info" condensed>Button</BaseButton>

    <BaseButton color="warning" condensed>Button</BaseButton>

    <BaseButton color="danger" condensed>Button</BaseButton>

    <BaseButton color="muted" condensed>Button</BaseButton>
  </div>
</template>
